* {
    box-sizing: border-box;
}
body{ background: #F5F5F5; margin-bottom:90px; margin-top: 0;}
.con_inf{

    width: 100%;
    height: 140px;
    background: #fff; border-bottom: 1px solid #dbdbdb;
}
.con_inf a:nth-of-type(1){ border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.con_inf a:nth-of-type(2){ border-bottom: 1px solid #dbdbdb;}
.con_inf a:nth-of-type(3){ border-right: 1px solid #dbdbdb;}
.con_inf a{ width: 50%; height: 50%; float: left;  position: relative}
.con_inf a i{
    width: 60%;
    height: 60%;
    display: inherit;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*.con_inf a:nth-of-type(1) i {*/
/*display: block;*/
/*width: 25%;*/
/*height: 50%;*/
/*background: url("../../img/rcanpai.png") no-repeat;*/
/*filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/rcanpai.png',  sizingMethod='scale')";*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/rcanpai.png',sizingMethod='scale')";*/
/*background-size:100% 100%;*/
/*-moz-background-size:100% 100%;*/
/*-webkit-background-size:100% 100%;*/
/*-o-background-size:100% 100%;*/
/*position: absolute;*/
/*top: 38%;*/
/*left: 50%;*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
/*!*background-color: red;*!*/
/*}*/
.con_inf a:nth-of-type(1) i, .con_inf a:nth-of-type(2) i,.con_inf a:nth-of-type(3) i,.con_inf a:nth-of-type(4) i {
    width: 25%;
    height: 50%;
    display: inherit;
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.con_inf a:nth-of-type(1) i{
    width: 2rem;
    background: url("../../img/icon-rc.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/icon-rc.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/icon-rc.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
.con_inf a:nth-of-type(2) i{
    width: 2rem;
    background: url("../images/icons/mail.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/mail.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/mail.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
.con_inf a:nth-of-type(3) i{
    width: 2rem;
    background: url("../../img/dbliucheng.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/dbliucheng.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/dbliucheng.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
.con_inf a:nth-of-type(4) i{
    width: 2rem;
    background: url("../../img/dbliucheng.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/dbliucheng.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/dbliucheng.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
.con_inf a span{
    color: #666; font-size: 14px;}

.con_inf a:nth-of-type(2) span,.con_inf a:nth-of-type(3) span ,.con_inf a:nth-of-type(1) span,.con_inf a:nth-of-type(4) span {
    display: inline-table;
    position: absolute;
    top: 50%;
    left: 65%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.con_inf a:nth-of-type(2) .db_inf, .con_inf a:nth-of-type(3) .db_inf, .con_inf a:nth-of-type(1) .db_inf, .con_inf a:nth-of-type(4) .db_inf{
    top: 20%;
    left: 40%;
}
footer{ width: 100%; height: 70px; background: #f7f7f7; position:fixed; bottom: 0; border-top: 1px solid #dbdbdb; z-index: 999;}
footer>a{ width: 20%; height: 100%; float: left; position: relative}
footer>a i{
    width: 2rem;
    height: 2rem;
    display: inherit;
    position: absolute;
    top: 35%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
footer>a i{ }
footer>a:nth-of-type(1) i{

    background: url("/static/oaApp/img/shouye1.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/shouye1.png.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/shouye1.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
footer>a:nth-of-type(1) i.active{background: url("/static/oaApp/img/shouye.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/shouye.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/shouye.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;}
footer>a:nth-of-type(2) i{
    background: url("/static/oaApp/img/xiaoxi.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/xiaoxi.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/xiaoxi.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
footer>a:nth-of-type(2) i.active{background: url("/static/oaApp/img/xiaoxi1.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/xiaoxi1.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/xiaoxi1.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;}

footer>a:nth-of-type(4) i{
    background: url("/static/oaApp/img/lianxiren.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/lianxiren.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/oaApp/img/lianxiren.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
footer>a:nth-of-type(4) i.active{background: url("/static/oaApp/img/lianxiren1.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/lainxiren1.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/lianxiren1.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;}
footer>a:nth-of-type(5) i{
    background: url("/static/oaApp/img/wode.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/wode.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/wode.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
}
footer>a:nth-of-type(5) i.active{background: url("/static/oaApp/img/wode1.png") no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/lainxiren1.png',  sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/oaApp/img/wode1.png',sizingMethod='scale')";
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;}
.con_inf a .tz_inf{ width: 20px; height: 20px;  background: #f00a0a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; color: #fff; font-size: 14px; text-align: center; line-height: 20px;
    position: absolute; right: 10%; top: 10%;
}
.con_inf a .db_inf{ width: 20px; height: 20px;  background: #f00a0a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; color: #fff; font-size: 14px; text-align: center; line-height: 20px;
    position: absolute; right: 10%; top: 10%;
}
footer>a span{
    width: 100%;
    text-align: center;
    color:#666;
    position: absolute;
    top: 80%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
footer>a span.active{ color:#357ffb}
footer>a:nth-of-type(3){
    width: 20%;
    height: 72px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -16px;
    border-top: 1px solid #dbdbdb;
}
footer>a:nth-of-type(3) i{ top: 50%}
footer>a:nth-of-type(3) span{ top: 50%; color: #fff; font-size: 16px;    width: 100%; height: 100%; text-align: center; border-radius: 50%; background: #357ffb; border: 5px solid #f7f7f7;-webkit-border-radius: 50%;
    -moz-border-radius: 50%; line-height:62px; }

footer .none_bg{
    width: 5%;
    height: 34%;
    position: absolute;
    top: 18%;
    left: 39%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #f7f7f7;
    border-bottom-right-radius: 100%;
    z-index: 0;

}
footer .none_1_bg{
    width: 3%;
    height: 34%;
    position: absolute;
    top: 19%;
    left: 60%
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #f7f7f7;
    border-bottom-left-radius: 100%;
    z-index: 999;
}
.quick-actions_homepage ul li a i{
    display: block;
    margin-bottom: 5px;
}
.quick-actions_homepage ul li a i img{ width:3rem;  }
.span6{ padding: 0;  padding-bottom:90px; float: left;margin-left: 0;}
.span12{    padding: 0 15px;
}
#sidebar ul li ul{ overflow: hidden !important; position: static; margin-bottom: 10px;}
/*#sidebar ul li ul li ul {*/
/*overflow: hidden !important;*/
/*position: static;*/
/*margin-bottom: 10px;*/
/*display: block; !important;*/
/*}*/
.Hr_manage{ display: none;}
.pad_T_no{ padding-top: 0px; }
.pad_T_no h4{font-weight:300; }
.eys{ float: right !important;    width: 12% !important;}
.widget-box{ margin-bottom: 0px !important; width: 100%;}
/*�����*/
.fontS_16{ font-size: 16px;}
.fontS_14{ font-size: 14px;}
.OA_a{    width: 100%;
    height: 100%;
    display: inline-block;}
/*�����*/
/*wek_box*/
.wek_box{ border: 0; background: #fff; width: 100%;margin-top: 0;padding-top: 16px;}
/**/
.bor_N{ border: 0}
/*我的联系人页面---mysely*/
.pad_No{ padding: 0 !important;}
.bgC_Blue{background: #357ffb; }
.bgC_White{background: #fff; padding: 0 1rem; height: 50px; }
.marT_10{ margin-top: 10px;}
.marT_5{ margin-top: 5px !important;}
.marT_36{ margin-top: 36px !important;}
.marT_0{ margin-top: 0px;}
.marR_10{ margin-right: 10px !important;}
.disPlay_Ib{display: inline-block !important;}
.float_R{ float: right !important;}
.mysely1{    margin-left: 20%;
    margin-top: 3% !important;}
.mysely1_bg{
    display: block;
    width: 30px;
    height:32px;
    background:url("../img/myself_1.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 50%;
    margin-top: -10%;
}
.mysely2{   ;
    margin-top: 5%;}


/*我的页面*/
.me1{    margin-right: 3%;
    margin-top: 5%;}
.me_top{ width:100%;
    height:7rem;
    background: url("../img/me_top.jpg") no-repeat ;}
.me_top_2{    position: relative;
    top: 30%;}
.width15{ width:15% !important;}
.pad_B{ padding-bottom: 0 !important;}
.imgS{ width: 20px; height: auto;margin-top: -15%;}
/**/
/**********发布效果***************/

.menu{
    position: absolute;
    width: 150px;
    height: 60px;
    transition: transform 0.4s 0.08s, z-index 0s 0.5s;
    /* transform: scale(1); */
    z-index: -1;
    /* position: relative; */
    bottom: 0;
    margin-top: -20%;
    list-style: none;
    top: 139%;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50% ,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);;


}
@media (min-width: 414px) {
    .menu{
        top: 144%;
    }
}
@media (min-width: 768px) {
    .menu {
        top: 263%;
        left:48%;
    }
}
.menu li{
    position: absolute;
    transform-origin: 100px 100px;
    transition: all 0.5s 0.1s;
    text-align: center;
    top: 0;
    left: 27%;

}
.fabu:hover span{ background: #999;}
/*.menu li:nth-of-type(1)*/
/*{*/
/*top: 45%;*/

/*}*/
/*.menu li:nth-of-type(2)*/
/*{*/
/*left: 35%;*/

/*}*/
/*.menu li:nth-of-type(3)*/
/*{*/
/*top: 45%;*/
/*left: 70%;*/

/*}*/
.menu li a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    position: relative;
    font-size: 100%;
    color: #fff;
    transition: 0.6s;
    background: #357ffb;
    display: inline-block;
}
/*消息*/
/*退出登录*/
.quit_btn{ width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #666; cursor: pointer}

.title_Infor{ width: 100%; height: 40px; text-align: center; line-height: 40px; margin: 0 !important; padding: 0; border-bottom: 1px solid #dbdbdb; }
.title_Infor>a{ width: 50px; color: #999}
.title_Infor h3{ width: calc(100% - 50px); color: #666; font-size: 18px; margin: 0;}
.sp_Forme{ width: 100%; height: 110px; background: #fff; float: left}
.sp_Forme>ul{ width: 100%; height: 100%; margin: 0; padding: 0; list-style: none;}
.sp_Forme>ul>li{ width: 33.33%; height: 100%; float: left; text-align: center; padding-top: 20px;}
.sp_Forme>ul>li>div{ width:48px; height: 48px;  margin-bottom: 5px;  margin-left: calc(50% - 24px); border-radius: 10px;}

.work_Con{ width: 100%;  background: #fff;
    border: 1px solid #dbdbdb; margin-top: 20px; float: left;height:auto;
    overflow: hidden;  }
.work_Con_til{ width: 100%; height: 30px; margin-bottom: 10px; line-height: 30px; padding: 0 15px;}
.work_Con_til span:nth-of-type(1){ font-size: 16px; color: #666;}
.work_Con_til span:nth-of-type(2),.work_Con_til span:nth-of-type(3){  color: #999;}
.work_Con_Pic{ width: 100%; height: auto;}
.work_Con_Pic>ul{ width: 100%; height: auto; margin: 0;}
.work_Con_Pic>ul>li{ width: 25%; height: 95px; float: left; position: relative; text-align: center; list-style: none;margin-bottom: 10px;}
.work_Con_Pic>ul>li>div{ width:48px; height: 48px;  margin-bottom: 5px;  margin-left: calc(50% - 24px); border-radius: 10px;}
.more_Btn{
    display: none;}

.title_icon{ position: absolute; top: 10px; left: 74px; width: 20px; height: 20px;
    -webkit-border-radius: 100%; display: inline-block;  background: red;color: #fff;
    -moz-border-radius: 100%;
    border-radius: 100%;}

.shouye_icon{ position: absolute; top: 10px; left: 60px; width: 20px; height: 20px;
    -webkit-border-radius: 100%; display: inline-block;  background: red;color: #fff;
    -moz-border-radius: 100%;
    border-radius: 100%;}

.a_style{
    color: #000000
}

.daiban_Con11{
    /*position: fixed;*/
    top:0;
    left:0;
    height: 100%;
    width:100%;
}
.daiban_Con11>div{
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top:45%;
    left:50%;
    text-align: center;
}
.daiban_Con11>div img{
    width: 22%;
}
.daiban_Con11>div p{
    margin-top:20px;
    font-size: 1.2em;
    color:#666;
}
.menuTreeNoBackGroud {
    width: 25%; height: 100px; float: left; position: relative; text-align: center; list-style: none; line-height: 20px; margin: 20px 0 0 0;background: white; padding-top: 20px;
}

/******TODO 内部邮箱*********/
.checkbox{opacity: 1 !important;}
.checkbox_1{opacity: 1 !important;left: 17px;
    display: inline-block;
    position: absolute;
    top: 15px;}
.ML{ margin-left: 10px !important;}
.ML_3{ margin-left: 30px !important;}
.Pos_R{ position: relative; }

